package com.jie.other.compose.study02

import androidx.compose.foundation.Image
import androidx.compose.material.BottomNavigation
import androidx.compose.material.BottomNavigationItem
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Text
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Settings
import androidx.compose.material.icons.filled.Spa
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.res.stringResource
import androidx.compose.ui.tooling.preview.Preview
import com.jie.other.R

/**
 * 底部导航栏
 */
@Preview
@Composable
fun SootheBottomNavigation(
    modifier: Modifier = Modifier,
) {
    BottomNavigation(
        modifier = modifier,
        backgroundColor = MaterialTheme.colors.background
    ) {
        BottomNavigationItem(
            onClick = { },
            icon = {
                   Image(
                       imageVector = Icons.Default.Spa,
                       contentDescription = null
                   )
            },
            label = {
                Text(
                    text = stringResource(id = R.string.other_home)
                )
            },
            selected = true
        )
        BottomNavigationItem(
            onClick = { },
            icon = {
                Image(
                    imageVector = Icons.Default.Settings,
                    contentDescription = null
                )
            },
            label = {
                Text(
                    text = stringResource(id = R.string.other_setting)
                )
            },
            selected = false
        )
    }
}